	html{
		width:100%;
		height:100%;
	}
	body{
		overflow: hide;
	}
	.demo{
		position: absolute;
		width: 90%;
		height: 90%;
		border: solid 3px red;
		margin-left: 5%;
		background-color: rgba(10,10,40,0.9);
		float:left;
	}
	.txt1{
		font-size: 24px;
		color:white;
	}
	.txt2{
		position: fixed;
		width:20%;
		height:80%;
		right:60px;
		bottom:50px;
		border: solid 2px yellow;
		color:white;
	}
	.row{
		position: relative;
		height:30px;
		width:99%;
		border: solid 1px blue;
		color: #00f0f0;
	}
	.col0{
		position: relative;
		border: solid 1px red;
	}
	/* span会自动根据包含的内容来变化宽度,display: inline 
	如果设置display:block，width属性生效,inline-block:拉到同一行 */
	.col1{
		position: relative;
		display:inline-block;
		width:45%;
		border: solid 1px red;
		color: greenyellow;
	}
	.col2{
		position: relative;
		display:inline-block;
		width:45%;
		border: solid 1px lightyellow;
		color: white;
	}
	
	@keyframes simall2Big{
	    0%{transform:scale(0);}
	    10%{transform:scale(1);}
	    90%{transform:scale(1);}
	    100%{transform:scale(0);}
	}

	.round50{
		border-radius:50%;		
		width:200px;
		height:200px;
		border:3px solid red;
		-webkit-animation:Rotate360 2s linear infinite;
		overflow: hide;
	}
	
	.leftfloat{
		position: relative;
		float:left;
	}

        #left_nav {
            position: relative;
            border: 1px solid #666;
            width: 150px;
            height: 100px;
        }
        
        #left_nav ul li {
            height: 25px;
            line-height: 25px;
            background-color: #333;
            color: #fff;
        }

        #left_nav ul li .pane {
            background-color: blue;
            display: none;
            position: absolute;
            top: 0;
            left: 150px;
            width: 100px;
            height: 100px;
        }

        #left_nav ul li:hover {
            background-color:orange;
        }

        #left_nav ul li:hover .pane {
            display: block;
        }
	
	.tab_note{
		border: solid 1px red;
		color:white;
		margin-left:21%;
		margin-top:2%;
		width: 60%;
		height:80%;
		--left:20%;
		--padding:0;
		border-collapse: collapse; /*为表格设置合并边框模型*/
	}
	.tab_note tr{
		--border-width: 0px;
		--border-spacing: 0px;
	}	
	.tab_note th{
		border: solid 1px red;
		--margin:0;
		--padding:0;
	}	
	.tab_note td{
		border: solid 1px red;
		--margin:0;
		--padding:0;
	}	
	
		
	.left_panel{
		position: absolute;
		border: solid 1px blue;
		background-color: rgba(100,100,40,0.9);
		width: 20%;
		height:80%;
		top: 10%;
		padding-top: 10px;
		animation:off2on 1s 1;
		opacity: 0.9;
	}

	.left_panel_out{
		position: absolute;
		border: solid 1px blue;
		background-color: rgba(100,100,40,0.9);
		width: 1%;
		height:80%;
		top: 10%;
		padding-top: 10px;
		animation:on2off 1s 1;
		opacity: 0.1;
	}
	
	@keyframes off2on{
	    0%{width:1%;opacity: 0.1;}
	    100%{width:20%;opacity: 0.9;}
	}
	@keyframes on2off{
	    0%{width:20%;opacity: 0.9;}
	    100%{width:1%;opacity: 0.1;}
	}
	
	.song_row{
		width: 96%;
		height:8%;
		border: solid 1px blue;
		color:white;
		font-size:18px;
	}
	
	.s_col1{
		position: relative;
		display:inline-block;
		width:65%;
		border: solid 1px red;
		color: greenyellow;
	}
	.s_col2{
		position: relative;
		display:inline-block;
		width:25%;
		--height:90%;
		border: solid 1px lightyellow;
		color: white;
		--font-size:11px;
	}
	